<template>
    <div>
        <div v-for="(page, index) in pages" :key="index">
            <!-- 分页 -->
            <div class='tab_company_out'>
              <table cellpadding='0' cellspacing='0'>
                <tr>
                  <td>
                    <img style='display: block;' v-for="(item, index1) in printData.slice((page - 1) * onePageRow, page * onePageRow)" :key="index1" :src="item" alt="">
                  </td>
                </tr>
              </table>
            </div>
        </div>
    </div>
</template>


<script>
export default {
  name: "print",
  // 制作打印模版组件时，props区域尽量保留。
  props: {
    // 接受的打印数据
    printData: {
      type: Array
    },

    // 每页多少行
    onePageRow: {
      type: Number,
      default: 10
    },
    // 是否插入空白行
    blankLines: {
      type: Boolean,
      default: true
    },
    // 复制打印页面前调用的钩子
    beforeCopy:Function,
    // 打印页面前调用的钩子
    beforePrint:Function,
    getChineseNumber: Function // 求数字的中文写法，从easyPrint组件传入
  },
  data() {
    return {};
  },

  computed: {
    pages() {
      // 求当前数据能打印的页数
      var pages_ = Math.ceil(this.printData.length / this.onePageRow); // 向上取整数
      return pages_ <= 0 ? 1 : pages_;
    }
  },
  methods: {
    test() {
      console.log(this.beforeCopy)
    }
  },
  created () {
  }
};
</script>

<style scoped>
@page{
  size: auto A4 landscape;
  margin: 3mm;
}
* {
  padding: 0;
  margin: 0;
}

.tab_company_out {
  page-break-after: always;
}

</style>
